<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta
      name="viewport"
      content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no,viewport-fit=cover"
    />
    <title>我的导航</title>
    <link rel="stylesheet" href="style.css" />
  </head>
  <body>
    <header class="globalHeader">
      <input id="search" type="text" />
      <button>搜索</button>
    </header>
    <main class="globalMain">
      <ul class="siteList">
        <li>
          <div class="site">
            <div class="logo">Q</div>
            <div class="link">qq.com</div>
          </div>
        </li>
        <li>
          <div class="site">
            <div class="logo">B</div>
            <div class="link">bilibili</div>
          </div>
        </li>
        <li class="last">
          <div class="site">
            <div class="logo">+</div>
            <div class="link">添加导航</div>
          </div>
        </li>
      </ul>
    </main>
    <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script>
    <script src="main.js"></script>
  </body>
</html>
